<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Selector1</title>

<script src='../lib/jquery-2.1.1.js'></script>
<script>
$(document).ready(function(){
	$('#center').css('background-color','#0000ff');
	$('#center').css('color','#ffffff');
	
	$('.center').css('background-color','#ff0000');
	$('.center').css('color','#ffff00');
	
	$('.center2 div').css('color','#ff0000');
	$('.center2 span').css('color','#0000ff');
	
	
	$('#center2').css({//json방법
		'border': '1px solid #aaaaaa',
		'width' : '200px',
		'height' : '100px'
	});
});

</script>
</head>
<body>
<div id='center'>#CENTER</div>

<div class='center'>.CENTER</div>
<div class='center2'>

	<div>AAAAAA</div>
	<span>BBBBBB</span>
	
</div>


<div id='center2'>MULTI STYLE</div>
	
</body>
</html>